<ol class="breadcrumb {{cssClass}}">
  <li *ngFor="let item of items;let $last=last" [ngClass]="{'active': $last}">
    <a *ngIf="!$last && item.handle" (click)="itemClick(item)">
      <i *ngIf="item.icon" class="breadcrumb-icon {{item.icon}}"></i>{{item.text}}
    </a>
    <a *ngIf="!$last && item.router" [routerLink]="item.router" [queryParams]="item.queryParams">
      <i *ngIf="item.icon" class="breadcrumb-icon {{item.icon}}"></i>{{item.text}}
    </a>
    <a *ngIf="!$last && !item.handle && !item.router" [href]="item.url" [target]="item.target || '_self'">
      <i *ngIf="item.icon" class="breadcrumb-icon {{item.icon}}"></i>{{item.text}}
    </a>
    <ng-container *ngIf="$last">
      <i *ngIf="item.icon" class="breadcrumb-icon {{item.icon}}"></i>{{item.text}}
    </ng-container>
  </li>
</ol>
